<template>
  <section class="page-hello">

    <div class="top"> <div class="ant" @click="open=!open"> </div><div class="login" >  <a href="http://xiaohuo.online/admin/">LOGIN</a> </div></div>
        <div v-show="open" class="zhebu">
         <ul class="list-ul">
          <template v-for="item in routerList">
            <li v-if="item.name" :key="item.name" class="list-li">
              <router-link
                :to="item.path"
                class="url-link"
              >{{(item.meta && item.meta.title) || item.name}}</router-link>
            </li>
          </template>
        </ul>
    </div>
    <Acticle></Acticle>
  </section>
</template>

<script type="text/babel">
import ShowTime from '@/component_modules/ShowTime';
import MainButton from '@/component_basics/MainButton';
import BaseTip from '@/component_basics/BaseTip';
import Acticle from '../article/article'
// 组件
export default {
  name: 'page-hello',
  components: {
    ShowTime,
    MainButton,
    BaseTip,
    Acticle
  },
  data() {
    return {

      msg: '欢迎访问!',
      routerList: [],
      interval_timer: null,
      open: false,
    };
  },
  created() {
    console.log(this.$router.options.routes);
    console.log(this.$route.path);

    this.routerList = this.$router.options.routes.filter(
      item => item.path !== this.$route.path
    );
  },
  methods: {
      showOpen() {
        this.open = !this.open
      },
  }
};
</script>

<style lang="less" rel="stylesheet/less" >
@import './style.less';

</style>
